.bar {
  background: #fff;
  z-index: 100;
  border-top: 1px solid #e9e9e9;
  .icon-left {
    color: #000;
  }
  .title{
    color: #000;
  }
  .icon-word{
    color: #000;
    line-height: 2.2rem;
  }
}
.content{
  .img-container{
    width: 100%;
    img{
      width: 100%;
      height: auto;
    }
    margin-bottom: 5px;
  }
}
.tab-item{
  position: relative;
  &:after{
    content: "";
    width: 1px;
    height: 35px;
    background: #e9e9e9;
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  &:nth-child(4){
    &:after{
      background: #fff;
    }
  }
}
//全部列表页面样式
.list_container{
  display: block;
  position: relative;
  padding: .5rem .3rem;
  width: 100%;
  background: #fff;
  //height: 8rem;
  //overflow: hidden;
  border-bottom: 1px solid #e9e9e9;
  .img_container{
      width: 43%;
      float: left;
    img{
      width: 100%;
    }
  }
  .content_container{
    width: 57%;
    height: 100%;
    float: right;
    padding-left: .3rem;
    h3{
      font-size: .75rem;
      margin: 0 ;
      color: #000;

    }
    .features_container{
      div{
        p{
          font-size: .6rem;
          padding-left: 24px;
          min-height: 24px;
          line-height: 24px;
          margin: 5px 0 0px 0;
          color:#a5a5a5;
         float: left;
          background: url("../img/icon.png") no-repeat left center;
          background-size: .9rem auto;
          &:nth-child(1){
            margin-right: 1rem;
          }
        }
      }
    }
    .price_container{
      //position: absolute;
      //left: 43%+1rem;
      //bottom:.5rem;
      color:#e7223c;
      font-size: .75rem;
      .o_price{
        font-size: .65rem;
        margin-left: 1rem;
        text-decoration: line-through;
      }

    }
  }
}

//详情页
.container_style(){
  border-bottom: 1px solid #e9e9e9;
  padding: 0 .5rem;
  margin-bottom: .5rem;
};
.content_box{
  .info_container{
    .container_style();
    .price_dis{
      margin: 0;
      color: #e7223c;
      font-size: 1rem;
    }
    h3{
      margin: 0;
      color: #000;
      font-size: .85rem;
    }
    .row{
      margin-top: .5rem;
      .col-33{
        font-size: .6rem;
        background: url("../img/icon.png") no-repeat left top;
        background-size: .9rem auto;
        padding-left: 24px;
        color: #a5a5a5;
        margin-bottom: .5rem;
      }
    }
  }
  .buy_container{
    .container_style();
    border-top: 1px solid #e9e9e9;
    p{
      margin: 0;
    }
    .buy_num{
        font-size: .78rem;
        color: #000;
        padding: .5rem 0;
        border-bottom: 1px solid #e9e9e9;

        span{
          float: right;
          color: #e7223c;
        }
    }
    .validity{
      padding: .5rem 0;
      font-size: .73rem;
      color: #a5a5a5;
    }
  }
  .buy_now{
    width: 100%;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background: #e7223c;
    color: #fff;
    border-radius: 30px;
  }
}
//sweetalert-style
.swal-modal{
  width: 80%;
  background: #f1f1f1;
  .swal-title{
    margin: 0;
    color: #e7223c;
    font-size: 1.2rem;
    font-weight: normal;
    border-bottom:1px solid #e9e9e9;
  }
  .swal-text{
    margin-top: 30px;
    margin-bottom: 17px;
    font-size: .7rem;
  }
  .swal-footer{
    background: #fff;
    padding: 0;
    .swal-button-container{
      width: 50%;
      margin: 0;
      .swal-button{
        width: 100%;
        border-radius: 0;
        &:focus{
          box-shadow: none;
        }
      }
      .swal-button--close{
        border-bottom-left-radius:5px ;
        background-color: #fff;
        color: #000;
      }
      .swal-button--signUp{
        border-bottom-right-radius: 5px;
        background-color:#e7223c ;
      }
    }
  }
  .information_container{
    text-align: left;
    p{
      font-size: .7rem;
    }
    .prompt_info{
      color: #a5a5a5;
    }
  }
}